<template>
    <div class="row" style="justify-content: space-between">
        <text style="font-size: 12">{{ reason }}</text>
        <radio-group @change="change">
            <radio :value="id" :checked="isSelected" style="transform: scale(0.7)"></radio>
        </radio-group>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
// reason: string
//id:string
// isSelected:bool
//onSelect: function (id){}
const props = defineProps(['reason', 'id', 'isSelected', 'onSelect'])
function change(e) {
    console.log('dawdawd', e.detail.value)
    props.onSelect(e.detail.value)
}
</script>

<style scoped lang="scss">
@import url('@/activityPages/style/card.css');
</style>